<template>
  <div class="editInput">
    <w-select class="citySelect" v-model="acity" placeholder="请选择">
      <w-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </w-option>
    </w-select>
    <input spellcheck="false" class="inp" type="text" placeholder="详细地址" v-model="address" />
    <input spellcheck="false" class="inp" type="text" placeholder="名字" v-model="name" />
    <input spellcheck="false" class="inp" type="text" placeholder="联系电话" v-model="phone" />
  </div>
</template>

<script>
export default {
  name: "AddressInfo",
  props: ["id"],
  data() {
    return {
      address: "",
      name: "",
      phone: "",
      options: [
        {
          value: "上海市",
          label: "上海市",
        },
        {
          value: "北京市",
          label: "北京市",
        },
        {
          value: "重庆市",
          label: "重庆市",
        },
        {
          value: "石家庄市",
          label: "石家庄市",
        },
        {
          value: "苏州市",
          label: "苏州市",
        },
        {
          value: "秦皇岛市",
          label: "秦皇岛市",
        },
        {
          value: "邢台市",
          label: "邢台市",
        },
        {
          value: "保定市",
          label: "保定市",
        },
        {
          value: "张家口市",
          label: "张家口市",
        },
        {
          value: "承德市",
          label: "承德市",
        },
        {
          value: "沧州市",
          label: "沧州市",
        },
        {
          value: "廊坊市",
          label: "廊坊市",
        },
        {
          value: "衡水市",
          label: "衡水市",
        },
        {
          value: "定州市",
          label: "定州市",
        },
        {
          value: "辛集市",
          label: "辛集市",
        },
        {
          value: "太原市",
          label: "太原市",
        },
        {
          value: "大同市",
          label: "大同市",
        },
        {
          value: "阳泉市",
          label: "阳泉市",
        },
        {
          value: "长治市",
          label: "长治市",
        },
        {
          value: "晋城市",
          label: "晋城市",
        },
        {
          value: "朔州市",
          label: "朔州市",
        },
        {
          value: "晋中市",
          label: "晋中市",
        },
        {
          value: "运城市",
          label: "运城市",
        },
        {
          value: "忻州市",
          label: "忻州市",
        },
        {
          value: "临汾市",
          label: "临汾市",
        },
        {
          value: "吕梁市",
          label: "吕梁市",
        },
        {
          value: "呼和浩特市",
          label: "呼和浩特市",
        },
        {
          value: "包头市",
          label: "包头市",
        },
        {
          value: "乌海市",
          label: "乌海市",
        },
        {
          value: "赤峰市",
          label: "赤峰市",
        },
        {
          value: "通辽市",
          label: "通辽市",
        },
        {
          value: "鄂尔多斯市",
          label: "鄂尔多斯市",
        },
        {
          value: "呼伦贝尔市",
          label: "呼伦贝尔市",
        },
        {
          value: "巴彦淖尔市",
          label: "巴彦淖尔市",
        },
        {
          value: "乌兰察布市",
          label: "乌兰察布市",
        },
        {
          value: "兴安盟",
          label: "兴安盟",
        },
        {
          value: "锡林郭勒盟",
          label: "锡林郭勒盟",
        },
        {
          value: "阿拉善盟",
          label: "阿拉善盟",
        },
        {
          value: "沈阳市",
          label: "沈阳市",
        },
        {
          value: "大连市",
          label: "大连市",
        },
        {
          value: "鞍山市",
          label: "鞍山市",
        },
        {
          value: "抚顺市",
          label: "抚顺市",
        },
        {
          value: "本溪市",
          label: "本溪市",
        },
        {
          value: "丹东市",
          label: "丹东市",
        },
        {
          value: "锦州市",
          label: "锦州市",
        },
        {
          value: "营口市",
          label: "营口市",
        },
        {
          value: "阜新市",
          label: "阜新市",
        },
        {
          value: "辽阳市",
          label: "辽阳市",
        },
        {
          value: "盘锦市",
          label: "盘锦市",
        },
        {
          value: "铁岭市",
          label: "铁岭市",
        },
        {
          value: "朝阳市",
          label: "朝阳市",
        },
        {
          value: "葫芦岛市",
          label: "葫芦岛市",
        },
        {
          value: "长春市",
          label: "长春市",
        },
        {
          value: "吉林市",
          label: "吉林市",
        },
        {
          value: "四平市",
          label: "四平市",
        },
        {
          value: "辽源市",
          label: "辽源市",
        },
        {
          value: "通化市",
          label: "通化市",
        },
        {
          value: "白山市",
          label: "白山市",
        },
        {
          value: "松原市",
          label: "松原市",
        },
        {
          value: "白城市",
          label: "白城市",
        },
        {
          value: "延边",
          label: "延边",
        },
        {
          value: "哈尔滨市",
          label: "哈尔滨市",
        },
        {
          value: "齐齐哈尔市",
          label: "齐齐哈尔市",
        },
        {
          value: "鸡西市",
          label: "鸡西市",
        },
        {
          value: "鹤岗市",
          label: "鹤岗市",
        },
        {
          value: "双鸭山市",
          label: "双鸭山市",
        },
        {
          value: "大庆市",
          label: "大庆市",
        },
        {
          value: "伊春市",
          label: "伊春市",
        },
        {
          value: "佳木斯市",
          label: "佳木斯市",
        },
        {
          value: "七台河市",
          label: "七台河市",
        },
        {
          value: "牡丹江市",
          label: "牡丹江市",
        },
        {
          value: "黑河市",
          label: "黑河市",
        },
        {
          value: "绥化市",
          label: "绥化市",
        },
        {
          value: "大兴安岭",
          label: "大兴安岭",
        },
        {
          value: "南京市",
          label: "南京市",
        },
        {
          value: "无锡市",
          label: "无锡市",
        },
        {
          value: "徐州市",
          label: "徐州市",
        },
        {
          value: "常州市",
          label: "常州市",
        },
        {
          value: "南通市",
          label: "南通市",
        },
        {
          value: "连云港市",
          label: "连云港市",
        },
        {
          value: "淮安市",
          label: "淮安市",
        },
        {
          value: "盐城市",
          label: "盐城市",
        },
        {
          value: "扬州市",
          label: "扬州市",
        },
        {
          value: "镇江市",
          label: "镇江市",
        },
        {
          value: "泰州市",
          label: "泰州市",
        },
        {
          value: "宿迁市",
          label: "宿迁市",
        },
        {
          value: "杭州市",
          label: "杭州市",
        },
        {
          value: "宁波市",
          label: "宁波市",
        },
        {
          value: "温州市",
          label: "温州市",
        },
        {
          value: "嘉兴市",
          label: "嘉兴市",
        },
        {
          value: "湖州市",
          label: "湖州市",
        },
        {
          value: "绍兴市",
          label: "绍兴市",
        },
        {
          value: "金华市",
          label: "金华市",
        },
        {
          value: "衢州市",
          label: "衢州市",
        },
        {
          value: "舟山市",
          label: "舟山市",
        },
        {
          value: "台州市",
          label: "台州市",
        },
        {
          value: "丽水市",
          label: "丽水市",
        },
        {
          value: "合肥市",
          label: "合肥市",
        },
        {
          value: "芜湖市",
          label: "芜湖市",
        },
        {
          value: "蚌埠市",
          label: "蚌埠市",
        },
        {
          value: "淮南市",
          label: "淮南市",
        },
        {
          value: "马鞍山市",
          label: "马鞍山市",
        },
        {
          value: "淮北市",
          label: "淮北市",
        },
        {
          value: "铜陵市",
          label: "铜陵市",
        }, 
        {
          value: "安庆市",
          label: "安庆市",
        },
        {
          value: "黄山市",
          label: "黄山市",
        },
        {
          value: "滁州市",
          label: "滁州市",
        },
        {
          value: "阜阳市",
          label: "阜阳市",
        },
        {
          value: "宿州市",
          label: "宿州市",
        },
        {
          value: "六安市",
          label: "六安市",
        },
        {
          value: "亳州市",
          label: "亳州市",
        },
        {
          value: "池州市",
          label: "池州市",
        },
        {
          value: "宣城市",
          label: "宣城市",
        },
        {
          value: "福州市",
          label: "福州市",
        },
        {
          value: "厦门市",
          label: "厦门市",
        },
        {
          value: "莆田市",
          label: "莆田市",
        },
        {
          value: "三明市",
          label: "三明市",
        },
        {
          value: "泉州市",
          label: "泉州市",
        },
        {
          value: "漳州市",
          label: "漳州市",
        },
        {
          value: "南平市",
          label: "南平市",
        },
        {
          value: "龙岩市",
          label: "龙岩市",
        },
        {
          value: "宁德市",
          label: "宁德市",
        },
        {
          value: "南昌市",
          label: "南昌市",
        },
        {
          value: "景德镇市",
          label: "景德镇市",
        },
        {
          value: "萍乡市",
          label: "萍乡市",
        },
        {
          value: "九江市",
          label: "九江市",
        },
        {
          value: "新余市",
          label: "新余市",
        },
        {
          value: "鹰潭市",
          label: "鹰潭市",
        },
        {
          value: "赣州市",
          label: "赣州市",
        },
        {
          value: "吉安市",
          label: "吉安市",
        },

      ],
      acity: "",
    };
  },
  methods: {},
  mounted() {
    if(this.id != undefined){
      this.$axios({
        method: "GET",
        url: "http://1.15.170.222:88/api/manage/address/" + this.id,
      }).then((response) => {
        console.log(response);
        this.name = response.data.data.name;
        this.phone = response.data.data.phone;
        let bigAddress = response.data.data.address;
        this.acity = bigAddress.substring(0, bigAddress.indexOf("市") + 1);
        this.address = bigAddress.substring(bigAddress.indexOf("市") + 1);
      });
    }
  },
};
</script>

<style>
.editInput {
  display: flex;
  flex-direction: column;
  margin: 80px auto 0;
}
.inp {
  outline: none;
  margin-bottom: 30px;
  width: 350px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #d3d7d4;
}
.citySelect {
  width: 120px;
  margin-bottom: 15px;
}
</style>
